<template>
    <div class="bg">
        <div class="container top-box">
            <div class="col-md-2 col-xs-6 logo"><img src="../images/logo.png" alt=""></div>
            <div class="col-md-10 col-xs-12">
                <ul>
                    <li class="hidden-xs"><a target="view_window" href="http://messenger.providesupport.com/messenger/0dtnsaf8tsly40naul93ypn067.html" rel="nofollow">Live-Chat</a></li>
                    <li class="hidden-xs hidden-sm"><router-link to="/">NEWS</router-link></li>
                    <li class="hidden-xs hidden-sm"><router-link to="/">FAQ</router-link></li>
                    <li class="hidden-xs hidden-sm hidden-md"><router-link to="/">About Us</router-link></li>
                    <li class="hidden-xs hidden-sm hidden-md"><router-link to="/">Coupons &amp; Rewards</router-link></li>
                    <li class="hidden-xs hidden-sm hidden-md"><router-link to="/">Contact Us </router-link></li>
                    <li class="hidden-xs hidden-sm hidden-md"><router-link to="/"> Help Center </router-link></li>
                    <li><router-link to="/"><i class="icon iconfont icon-cart"></i><span class="badge hidden" style="background: red; margin: -15px 0px 0px -5px;">1</span>&nbsp;Shopping Cart</router-link></li>
                    <li><i class="icon iconfont icon-account"></i><a href="/login" title="Login"> My Account</a></li>
                    <li>
                        <select name="header$ddl_Currency" onchange="javascript:setTimeout('__doPostBack(\'header$ddl_Currency\',\'\')', 0)" id="header_ddl_Currency">
                            <option selected="selected" value="3">USD</option>
                            <option value="1">EUR</option>
                            <option value="2">GBP</option>

                        </select></li>
                </ul>
            </div>
        </div>




        <div class="nav">
            <div class="navs container">
                <ul>
                    <li>
                        <router-link to="/index">HOME</router-link>
                    </li>
                    <!--<li>-->
                       <!--Game Currency-->
                        <!--<ul class="subMenu">-->
                            <!--<li v-for="menu in items.currency" >-->
                                <!--<router-link :to="{ path: menu.url }" :title="menu.title">{{ menu.names }}</router-link>-->
                            <!--</li>-->
                        <!--</ul>-->

                    <!--</li>-->
                    <li>
                        Powerleveling
                        <ul class="subMenu">
                            <li v-for="menu in articles" >
                                <router-link :to="{ path: menu.name1.title2 }" :title="menu.title">  {{menu.name1.title1}}</router-link>
                            </li>
                        </ul>
                    </li>
                    <!--<li>-->
                        <!--Items-->
                        <!--<ul class="subMenu">-->
                            <!--<li v-for="menu in items.items" >-->
                                <!--<router-link :to="{ path: menu.url }" :title="menu.title">{{ menu.names }}</router-link>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--Account-->
                        <!--<ul class="subMenu">-->
                            <!--<li v-for="menu in items.account" >-->
                                <!--<router-link :to="{ path: menu.url }" :title="menu.title">{{ menu.names }}</router-link>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--New Releases-->
                        <!--<ul class="subMenu">-->
                            <!--<li v-for="menu in items.Releases" >-->
                                <!--<router-link :to="{ path: menu.url }" :title="menu.title">{{ menu.names }}</router-link>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</li>-->
                    <li><router-link to="/sell"> Sell to us</router-link> </li>
                    <li><router-link to="/Order"> Track Your Order</router-link> </li>
                    <li><router-link to="/login"> Login / Register</router-link></li>



                </ul>
            </div>

        </div>

    </div>
</template>
<script>
    require('../css/navs.less');
    module.exports = {

        data (){
            return {
                articles: [],

            }
        },
        mounted: function() {
            this.$http.get('http://www.laravel5.net/vue', {}, {
                headers: {

                },
                emulateJSON: true
            }).then(function(response) {
                // 这里是处理正确的回调

                this.articles = response.data;
                // this.articles = response.data["subjects"] 也可以

            }, function(response) {
                // 这里是处理错误的回调
                console.log(response)
            });
        }

//        data () {
//            return {
//                items:{
//                    currency:[
//                        {
//                            'names':'FIFA 17 Coins',
//                            'url':'/fifa-17/fifa-17-coins',
//                            'title':'FIFA 17 Coins'
//                        },
//                        {
//                            'names':'Madden NFL 17 Coins',
//                            'url':'https://www.lolga.com/madden-nfl-17/madden-nfl-17-coins',
//                            'title':'Madden NFL 17 Coins'
//                        },
//                        {
//                            'names':'NHL 17 Coins',
//                            'url':'https://www.lolga.com/ut-nhl-17/ut-nhl-17-coins',
//                            'title':'NHL 17 Coins'
//                        },
//                        {
//                            'names':'NBA2K 17 MT',
//                            'url':'https://www.lolga.com/nba-2k-17/nba-2k-17-mt',
//                            'title':'NBA2K 17 MT'
//                        }
//                    ],
//                    power:[
//                        {
//                            'names':'Pokémon Go Leveling',
//                            'url':'https://www.lolga.com/fifa-17/fifa-17-coins',
//                            'title':'Pokémon Go Leveling'
//                        },
//                        {
//                            'names':'FIFA 17 Comfort Trade',
//                            'url':'https://www.lolga.com/madden-nfl-17/madden-nfl-17-coins',
//                            'title':'FIFA 17 Comfort Trade'
//                        },
//                        {
//                            'names':'Final Fantasy XI Leveling',
//                            'url':'https://www.lolga.com/ut-nhl-17/ut-nhl-17-coins',
//                            'title':'Final Fantasy XI Leveling'
//                        },
//                        {
//                            'names':'League of Legends Leveling',
//                            'url':'https://www.lolga.com/nba-2k-17/nba-2k-17-mt',
//                            'title':'League of Legends Leveling'
//                        }
//                    ],
//                    items:[
//                        {
//                            'names':'Path of Exile Items',
//                            'url':'https://www.lolga.com/fifa-17/fifa-17-coins',
//                            'title':'Pokémon Go Leveling'
//                        },
//                        {
//                            'names':'Path of Exile Mirror',
//                            'url':'https://www.lolga.com/madden-nfl-17/madden-nfl-17-coins',
//                            'title':'FIFA 17 Comfort Trade'
//                        },
//                        {
//                            'names':'Final Fantasy XI Items',
//                            'url':'https://www.lolga.com/ut-nhl-17/ut-nhl-17-coins',
//                            'title':'Final Fantasy XI Leveling'
//                        },
//                        {
//                            'names':'Final Fantasy XIV Items',
//                            'url':'https://www.lolga.com/nba-2k-17/nba-2k-17-mt',
//                            'title':'League of Legends Leveling'
//                        }
//                    ],
//                    account:[
//                        {
//                            'names':'NBA 2K17 VC Account',
//                            'url':'https://www.lolga.com/fifa-17/fifa-17-coins',
//                            'title':'Pokémon Go Leveling'
//                        },
//                        {
//                            'names':'NBA 2K16 VC Account',
//                            'url':'https://www.lolga.com/madden-nfl-17/madden-nfl-17-coins',
//                            'title':'FIFA 17 Comfort Trade'
//                        },
//                        {
//                            'names':'FIFA 17 Coins Account',
//                            'url':'https://www.lolga.com/ut-nhl-17/ut-nhl-17-coins',
//                            'title':'Final Fantasy XI Leveling'
//                        },
//                        {
//                            'names':'RuneScape 2007 Account',
//                            'url':'https://www.lolga.com/nba-2k-17/nba-2k-17-mt',
//                            'title':'League of Legends Leveling'
//                        }
//                    ],
//                    Releases:[
//                        {
//                            'names':'FIFA 18 Ultimate Team',
//                            'url':'https://www.lolga.com/fifa-17/fifa-17-coins',
//                            'title':'Pokémon Go Leveling'
//                        },
//                        {
//                            'names':'NHL 18 Ultimate Team',
//                            'url':'https://www.lolga.com/madden-nfl-17/madden-nfl-17-coins',
//                            'title':'FIFA 17 Comfort Trade'
//                        },
//                        {
//                            'names':'Madden NFL 18',
//                            'url':'https://www.lolga.com/ut-nhl-17/ut-nhl-17-coins',
//                            'title':'Final Fantasy XI Leveling'
//                        },
//                        {
//                            'names':'NBA 2K18',
//                            'url':'https://www.lolga.com/nba-2k-17/nba-2k-17-mt',
//                            'title':'League of Legends Leveling'
//                        }
//                    ]
//                }
//            }
//
//        },

    }



</script>
